//  自动播放
//  因为id名是唯一的，  所以可以直接通过id名获取标签
var num=0;
var timer;
//  封装起来
function fn(){
    timer=setInterval(function(){
    //  修改标签的css 获取标签.style.css样式='值'
    //  修改标签的类名 获取标签.className='类名
    num++;
    if(num>4){
        num=0;
    }
    //  排他其余标签删除类
    for(var i=0;i<wrap.children.length;i++){
        wrap.children[i].className=''
        menu.children[i].className=''
    }
    //  获取标签.children[下标]选择标签的子级
    wrap.children[num].className='current'
    menu.children[num].className='aa'
},2000)
}
fn()
//鼠标移入移出
list.onmouseenter=function(){
    clearInterval(timer)
}
list.onmouseleave=function(){
    fn()
}

//  点击小圆点
for(var t=0;t<menu.children.length;t++){
    //  遍历
    //  自定义属性
    menu.children[t].index=t;
    menu.children[t].onmouseenter=function(){
        //  排他其余标签删除类
        for(var i=0;i<wrap.children.length;i++){
            wrap.children[i].className=''
            menu.children[i].className=''

        }
    num=this.index;
    this.className='aa'
    wrap.children[num].className='current'
    }
}
//  点击右边
right.onclick=function(){
    num++;
    if(num>4){
        num=0;
        }
    // 排他其余标签删除类
    for(var i=0;i<wrap.children.length;i++){
        wrap.children[i].className=''
        menu.children[i].className=''
        }
    //  获取标签.children[下标]选择标签的子级
    wrap.children[num].className='current'
    menu.children[num].className='aa'
}
left.onclick=function(){
    num--;
    if(num<0){
        num=4;
        }
    // 排他其余标签删除类
    for(var i=0;i<wrap.children.length;i++){
        wrap.children[i].className=''
        menu.children[i].className=''
        }
    //  获取标签.children[下标]选择标签的子级
    wrap.children[num].className='current'
    menu.children[num].className='aa'
}






//  c语言
//  c++
//  数据结构
//  计算机网络
